Day 14 - PWA

參考

• [Day 30 - 臺灣好天氣] 發布上 Github Pages 不夠，還要變成手機 App！還有那些重要但故意先不告訴你的內容
• PWA with Create React App and service workers

包著App的皮，實質為網頁！

作法

• 為了要 Copy 兩份檔案: 1. Service-worker.js 2. serviceWorkerRegistration.js

  npx create-react-app my-app --template cra-template-pwa

  

• Copy to ttk (既有的Code)，並於src/index.js import 及 setting

  import * as serviceWorkerRegistration from './serviceWorkerRegistration';
  serviceWorkerRegistration.register();
  

  

• deploy to github-page again

  npm run deploy

結果

待修改 - icon 換成桌球相關

• 預計使用: recraft 或 flaticon

  • But，還不知道怎麼調成各式尺寸

• 原本使用: 臺灣好天氣的DropBox